<!DOCTYPE html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<section id="container" style="will-change: transform">
    <div id="d1" style="offset-position: 0% 0%">
        <span id="s1"></span>
    </div>
    <div id="d2" style="offset-path: path('m 0 0 z')">
        <span id="s2"></span>
    </div>
   <div id="d3" style="offset-distance: 100%">
        <span id="s3"></span>
    </div>
   <div id="d4" style="offset-rotate: 360deg">
        <span id="s4"></span>
    </div>
   <div id="d5" style="offset-anchor: bottom right">
        <span id="s5"></span>
    </div>
</section>
<script>
'use strict';
test(function() {
    assert_equals(s1.offsetParent, d1);
}, "inside offset-position");
test(function() {
    assert_equals(s2.offsetParent, d2);
}, "inside offset-path");
test(function() {
    assert_equals(s3.offsetParent, container);
}, "inside offset-distance");
test(function() {
    assert_equals(s4.offsetParent, container);
}, "inside offset-rotate");
test(function() {
    assert_equals(s5.offsetParent, container);
}, "inside offset-anchor");
</script>
